//轮播图开始
$.ajax({
    url: url + 'lunbo',
    data: {},
    type: 'post',
    dataType: 'json',
    async: 'true',
    timeout: 2000,
    success: function (data) {
        var lunbo = data.data;
        var code = data.code;
        var status = data.status;
        var lunboF = lunbo[0];
        var lunboL = lunbo[lunbo.length - 1];
        if (code == '1000' && status == '1') {

            var htmlItem = '<div class="mui-slider-item mui-slider-item-duplicate">'
                + '<a href="#"><img src="' + lunboF + '" /></a>'
                + '</div>';
            for (var i = 0; i < lunbo.length; i++) {
                htmlItem += '<div class="mui-slider-item">'
                    + '<a href="#"><img src="' + lunbo[i] + '" /></a>'
                    + '</div>';
            }
            htmlItem += '<!--支持循环，需要重复图片节点-->'
                + '<div class="mui-slider-item mui-slider-item-duplicate">'
                + '<a href="#"><img src="' + lunboL + '" /></a>'
                + '</div>';
            var htmlIndexI = '<div class="mui-indicator mui-active"></div>';
            for (var i = 1; i < lunbo.length; i++) {
                htmlIndexI += '<div class="mui-indicator"></div>';
            }
            $('.mui-slider>.mui-slider-loop').html(htmlItem);
            $('.mui-slider>.mui-slider-indicator').html(htmlIndexI);
            //手动调用图片轮播的初始化方法
            var gallery = mui('.mui-slider');
            gallery.slider({
                interval: 5000//自动轮播周期，若为0则不自动播放，默认为0；
            });
        }
    },
    error: function () {
        var htmlItem = '<div class="mui-slider-item mui-slider-item-duplicate">'
            + '<a href="#"><img src="./img/moren.jpg" /></a>'
            + '</div>';
        htmlItem += '<div class="mui-slider-item">'
            + '<a href="#"><img src="./img/moren.jpg" /></a>'
            + '</div>';
        htmlItem += '<!--支持循环，需要重复图片节点-->'
            + '<div class="mui-slider-item mui-slider-item-duplicate">'
            + '<a href="#"><img src="./img/moren.jpg" /></a>'
            + '</div>';
        var htmlIndexI = '<div class="mui-indicator mui-active"></div>';
        $('.mui-slider>.mui-slider-loop').html(htmlItem);
        $('.mui-slider>.mui-slider-indicator').html(htmlIndexI);
        //手动调用图片轮播的初始化方法
        var gallery = mui('.mui-slider');
        gallery.slider({
            interval: 5000//自动轮播周期，若为0则不自动播放，默认为0；
        });
    }
});
//轮播图结束

$(function () {
    //默认隐藏
    $('#menuDs').hide();
    $('#menuDd').hide();
    $('#menuDj').hide();
    $('#menuDc').hide();
    $('#menuDq').hide();
    //点击遮罩隐藏
    $('.meunH').click(function () {
        $('.juMeun').hide();
    });
    $('#menuS').click(function () {
        $('#menuDs').show();
    });
    $('#menuD').click(function () {
        $('#menuDd').show();
    });
    $('#menuJ').click(function () {
        $('#menuDj').show();
    });
    $('#menuC').click(function () {
        $('#menuDc').show();
    });
    $('#menuQ').click(function () {
        $('#menuDq').show();
    });
});
//mui初始化
mui.init({
    swipeBack: true //启用右滑关闭功能
});

$(document).ready(function () {
    $("#meet_teacher").click(function () {
        $("#popover").show();
    });
    $("#meet_tel").click(function () {

    });
    $(".mengban").click(function () {
        $("#popover").hide();
        $("#tishi").hide();
        $("#meet_tel").val("");
        $("#meet_name").val("");
    });
    $("#falseinput").click(function () {
        $("#popover").hide();
        $("#tishi").hide();
        $("#meet_tel").val("");
        $("#meet_name").val("");
    });
    $("#meet_name").blur(function () {
        var input_name = $("#meet_name").val();
        if (input_name == "") {
            $("#tishi").text("预约人姓名不能为空");
            $("#tishi").show();
            return;
        } else {
            $("#tishi").hide();
        }
    });
    $("#meet_tel").blur(function () {
        var input_tel = $("#meet_tel").val();
        if (input_tel == "") {
            $("#tishi").text("预约人手机号码不能为空");
            $("#tishi").show();
            return;
        } else if (input_tel.length !== 11) {
            $("#tishi").text("请输入正确的手机号码");
            $("#tishi").show();
            return;
        } else {
            $("#tishi").hide();
        }
    });
    // 验证手机号
    function isPhoneNo(phone) {
        var pattern = /^1[34578]\d{9}$/;
        return pattern.test(phone);
    }

    $("#trueinput").click(function () {
        var flag = false;
        var stuname = $("#meet_name").val();
        var stuphone = $("#meet_tel").val();
        var techway = $('#techway').val();
        var id = sessionStorage.getItem('id');
        if (techway == '') {
            $("#tishi").text("请选择预约方式");
            $("#tishi").show();
            return;
        }
        if (stuname == "") {
            $("#tishi").text("预约人姓名不能为空");
            $("#tishi").show();
            return;
        } else {
            $("#tishi").hide();
        }
        if (stuphone == "") {
            $("#tishi").text("预约人手机号码不能为空");
            $("#tishi").show();
            return;
        } else if (stuphone.length !== 11) {
            $("#tishi").text("请输入11位手机号码");
            $("#tishi").show();
            return;
        } else if (isPhoneNo($.trim(stuphone)) == false) {
            $("#tishi").text("请输入正确的手机号码");
            $("#tishi").show();
            return;
        } else {
            $("#tishi").hide();
        }
        $('#popover').hide();

        //判断是否登录
        $.ajax({
            url: url + 'checkloginis',
            type: 'post',
            dataType: 'json',
            async: 'false',
            data: {},
            timeout: 2000,
            success: function (data) {
                var code = data.code;
                var status = data.status;
                var message = data.data;
                if (code == 1002 && status == 1) {
                    mui.alert('', '还未登录，请登录' + '!', function () {
                    });
                }else {
                    //提交数据
                    $.ajax({
                        url: url + 'yuyue',
                        type: 'post',
                        dataType: 'json',
                        async: 'false',
                        data: {'techid': id, 'stuname': stuname, 'stuphone': stuphone, 'techway': techway},
                        timeout: 2000,
                        success: function (data) {
                            var code = data.code;
                            var status = data.status;
                            var message = data.data;
                            if (code == 1002 && status == 1) {
                                mui.alert('', message + '!', function () {
                                });
                            } else if (code == 1003 && status == 1) {
                                mui.alert('', message + '!', function () {
                                });
                            } else {
                                mui.alert('', message + '!', function () {
                                });
                            }
                        },
                        error: function (data) {
                            mui.alert('提交失败', function () {
                            });
                        }
                    })
                }
                console.log(data);
            },
            error: function () {
                mui.alert('数据加载失败!', function () {
                });
            }
        });


    })

});

